<template>
  <div>
    <setHeader :title="headerTitle" ></setHeader>   
    <div class="pagecontent">
      <div id="Map"></div>
    </div>
 </div>
</template>
<script type="text/javascript">
  import setHeader from '../public/setHeader.vue';
  export default {
    data() {
      return {
        headerTitle:'地图',

      }
    },
     components: {
      setHeader,
    },
    created() {
        let that = this;
        
    },
    mounted() {
      let that = this;
      let address = that.$route.query.address;
      console.log(address);
      that.BaiDumap(address);
      // window.location.href = 'http://api.map.baidu.com/geocoder?location=39.990912172420714,116.32715863448607&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo';
   
    },
    methods: {
         BaiDumap:function(address)
            {   
                console.log('进来了百度地图');
                // this.$router.push({path:'/Map'});
                // 百度地图API功能
                // var map = new BMap.Map("Map");
                var point = new BMap.Point(116.331398,39.897445);   
                // map.centerAndZoom(address,12);
                // 创建地址解析器实例
                var myGeo = new BMap.Geocoder();
                // 将地址解析结果显示在地图上,并调整地图视野
                myGeo.getPoint(address, function(point){
                  console.log('point',point);
                  if (point) {
                    var url = 'http://api.map.baidu.com/geocoder?location='+ point.lat+','+point.lng+'&coord_type=gcj02&output=html&src=webapp.baidu.openAPIdemo';
                    // var url = 'http://api.map.baidu.com/geocoder?address='+ address +'&output=html&src=webapp.baidu.openAPIdemo';
                    // console.log('url12333',url);
                    // console.log('url',url);
                    window.location.href = url;
                    // map.centerAndZoom(point, 16);
                    // var marker = new BMap.Marker(point);  // 创建标注
                    // map.addOverlay(marker);              // 将标注添加到地图中
                    // var opts = {
                    //   position : point,    // 指定文本标注所在的地理位置
                    //   offset   : new BMap.Size(30, -30)    //设置文本偏移量
                    // }
                    // var label = new BMap.Label(address, opts);  // 创建文本标注对象
                    //   label.setStyle({
                    //      color : "red",
                    //      fontSize : "12px",
                    //      height : "20px",
                    //      lineHeight : "20px",
                    //      fontFamily:"微软雅黑"
                    //    });
                    // map.addOverlay(label);  


                  }else{
                    // alert("您选择地址没有解析到结果!");
                    this.$openTips({
                      text: '您选择地址没有解析到结果',
                      time: 1000
                    })
                  }
                  }, "广州市");

               
                  
  




                // var marker = new BMap.Marker(address);  // 创建标注
                // map.addOverlay(marker);
                // var mk = new BMap.Marker(address);
                // map.addOverlay(mk);
                // map.panTo(address);
                // var mk = new BMap.Marker(r.point);
                // map.addOverlay(mk);
                // map.panTo(point);
                // console.log(map);
                // console.log('point',point);
                // var geolocation = new BMap.Geolocation();
                // console.log('geolocation',geolocation);
                // geolocation.getCurrentPosition(function(r){
                //     console.log('r',r);
                //     if(this.getStatus() == BMAP_STATUS_SUCCESS){
                //         var mk = new BMap.Marker(r.point);
                //         // console.log('mk',mk);
                //         map.addOverlay(mk);
                //         map.panTo(r.point);
                //         // alert('您的位置：'+r.point.lng+','+r.point.lat);
                //         // alert('您的位置:'+r.address.province + ',' + r.address.city);
                //     }
                //     else {
                //         alert('failed'+this.getStatus());
                //     }        
                // },{enableHighAccuracy: true})
                //关于状态码
                //BMAP_STATUS_SUCCESS   检索成功。对应数值“0”。
                //BMAP_STATUS_CITY_LIST 城市列表。对应数值“1”。
                //BMAP_STATUS_UNKNOWN_LOCATION  位置结果未知。对应数值“2”。
                //BMAP_STATUS_UNKNOWN_ROUTE 导航结果未知。对应数值“3”。
                //BMAP_STATUS_INVALID_KEY   非法密钥。对应数值“4”。
                //BMAP_STATUS_INVALID_REQUEST   非法请求。对应数值“5”。
                //BMAP_STATUS_PERMISSION_DENIED 没有权限。对应数值“6”。(自 1.1 新增)
                //BMAP_STATUS_SERVICE_UNAVAILABLE   服务不可用。对应数值“7”。(自 1.1 新增)
                //BMAP_STATUS_TIMEOUT   超时。对应数值“8”。(自 1.1 新增)
            },
    }

  }
</script>
<style>
  #Map {
    height: 100%;
  }

</style>>
